<html>
	<head>
		<!-- Import style -->

		<style stype="text/css">
			* {
				margin: 0;
				padding: 0
			}

			html body {
				background-color: undefined;
				width: 100%;
				height: 100%;
			}
			.flex {
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.flowHidden{
				overflow: hidden;
				  text-overflow: ellipsis;
				  white-space: nowrap;
			}
		</style>
	
		<!-- <link rel="shortcut icon"
			href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
			type="image/x-icon" />
		<link rel="icon" type="image/svg+xml"
			href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" /> -->
		<!-- <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> -->
		<link rel="stylesheet" href="../../css/cube.min.css">
		<link rel="stylesheet" href="../../font/iconfont.css">
		<link rel="stylesheet" href="../../css/common.css">
		<script src="../../js/vue3.2.47.js"></script>
		<script src="../../js/element-plus.js"></script>
		<script src="../../js/vue3-sfc-loader.js"></script>
		<!-- Import Vue 3 -->
		<!-- <script src="//unpkg.com/vue@3"></script> -->
		<!-- Import component library -->
		<!-- <script src="//unpkg.com/element-plus"></script> -->
		<!-- <script src="https://cdn.jsdelivr.net/npm/vue3-sfc-loader/dist/vue3-sfc-loader.js"></script> -->
		

		<script src="../../font/iconfont.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- <complete>ssdfsdf</complete> -->

		</div>

		<script>
			const options = {
				moduleCache: {
					vue: Vue
				},
				async getFile(url) {
					const res = await fetch(url);
					if (!res.ok)
						throw Object.assign(new Error(res.statusText + ' ' + url), {
							res
						});
					return {
						getContentData: asBinary => asBinary ? res.arrayBuffer() : res.text(),
					}
				},
				addStyle(textContent) {

					const style = Object.assign(document.createElement('style'), {
						textContent
					});
					const ref = document.head.getElementsByTagName('style')[0] || null;
					document.head.insertBefore(style, ref);
				},
			}

			const {
				loadModule
			} = window['vue3-sfc-loader'];
			let template = `
			<my-component>
			</my-component>
			`
			const app = Vue.createApp({
				components: {
					'my-component': Vue.defineAsyncComponent(() => loadModule('../views/filesChannel.vue', options)),
					// 'my-choice': Vue.defineAsyncComponent(() => loadModule('./components/choice.vue', options)),
					// 'my-nav': Vue.defineAsyncComponent(() => loadModule('./components/nav.vue', options)),
				},
				template: template,
				data() {
					return {
						data: 111
					}
				},
			}).use(ElementPlus).mount('#app');
		</script>
	</body>
</html>